

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="X-UA-Compatible" content="edge" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(function(){
    $('.tree li:has(ul)').addClass('parent_li').find(' > span').attr('title', 'Collapse this branch');
    $('.tree li.parent_li > span').on('click', function (e) {
        var children = $(this).parent('li.parent_li').find(' > ul > li');
        if (children.is(":visible")) {
            children.hide('fast');
            $(this).attr('title', 'Expand this branch').find(' > i').addClass('icon-plus-sign').removeClass('icon-minus-sign');
        } else {
            children.show('fast');
            $(this).attr('title', 'Collapse this branch').find(' > i').addClass('icon-minus-sign').removeClass('icon-plus-sign');
        }
        e.stopPropagation();
    });
});
</script>
</head>
<body>
<div class="tree">
  
            <ul>
                <li>
                	<span class="btn btn-primary"><i class="icon-minus-sign"></i>监测点</span> 
                    <ul>
                        <li>
	                        <span class="btn btn-primary"><i class="icon-minus-sign"></i>断面</span> 
	                         <ul>
                        		<li>
	                        		<span class="btn btn-primary"><i class="icon-minus-sign"></i>测线</span> 
	                        		 <ul>
                        				<li>
	                        				<span class="btn btn-primary"><i class="icon-minus-sign"></i>测点</span> 	
	                        				 <ul>
                        						<li>
	                        						<span class="btn btn-primary"><i class="icon-minus-sign"></i>采样水层</span> 
	                        						 <ul>
                        								<li>
	                        								<span class="btn btn-primary"><i class="icon-minus-sign"></i>网具</span> <a href="selectct.action" target="select">选择</a>	  
	                        								<!--  <ul>
                        										<li>
	                        										<span class="btn btn-primary"><i class="icon-minus-sign"></i>采样水层和网具关联</span> <a href="selectwlct.action" target="select">选择</a>	                        		                        		
                       											 </li>                      					
                   			 									</ul>  -->                     		                        		
                       					 				</li>                      					
                   			 					
                        								<li>
	                        								<span class="btn btn-primary"><i class="icon-minus-sign"></i>渔获物</span> 
	                        								 <ul>
                        										<li>
	                        										<span class="btn btn-primary"><i class="icon-minus-sign"></i>鱼样本</span>  <a href="selectf.action" target="select">选择</a>	                        		                        		
                       											 </li>                      					
                   			 
                        										<li>
	                        										<span class="btn btn-primary"><i class="icon-minus-sign"></i>卵样本</span> <a href="selectfe.action" target="select">选择</a>	                        		                        		
                       											 </li>                      					
                   			 									</ul>                             		                        		
                       					 				</li>                      					
                   			 						</ul>                           		                        		
                       					 		</li>                      					
                   			 				</ul>                        		                        		
                       					 </li>                      					
                   			 		</ul>
	                        		
                       			 </li>
                       			 <li>
	                        		<span class="btn btn-primary"><i class="icon-minus-sign"></i>沉积物</span>  <a href="selects.action" target="select">选择</a>
	                        		 <!-- <ul>
                        				<li>
	                        				<span class="btn btn-primary"><i class="icon-minus-sign"></i>断面和沉积物关联</span> <a href="selectfss.action" target="select">选择</a>	                        		                        		
                       					 </li>                      					
                   			 		</ul> -->
                       			 </li>
                       			 <li>
	                        		<span class="btn btn-primary"><i class="icon-minus-sign"></i>浮游动物</span>
	                        		 <ul>
                        				<li>
	                        				<span class="btn btn-primary"><i class="icon-minus-sign"></i>浮游动物优势种群</span> <a href="selectdzs.action" target="select">选择</a>	                        		                        		
                       					 </li>                      					
                   			 		</ul>
                       			 </li>
                       			 <li>
	                        		<span class="btn btn-primary"><i class="icon-minus-sign"></i>浮游植物</span> 
	                        		 <ul>
                        				<li>
	                        				<span class="btn btn-primary"><i class="icon-minus-sign"></i>浮游植物优势种群</span> <a href="selectdps.action" target="select">选择</a>	                        		                        		
                       					 </li>                      					
                   			 		</ul>
                       			 </li>
                       			 <li>
	                        		<span class="btn btn-primary"><i class="icon-minus-sign"></i>底栖生物</span> 
	                        		 <ul>
                        				<li>
	                        				<span class="btn btn-primary"><i class="icon-minus-sign"></i>底栖生物优势种群</span> <a href="selectdbs.action" target="select">选择</a>	                        		                        		
                       					 </li>                      					
                   			 		</ul>
                       			 </li>
                   			 </ul>
                        </li>
    
                    </ul>
                </li>
		    </ul>
        </li>
    </ul>
</div>

</body>
</html>